* {
  padding: 0;
  margin:  0;
}

audio {
  padding: 0;
  margin:  0;
}

button {
  padding: 5px;
  color:   #ffffff;
  background-color: #353500;
}

h2 {
  padding: 10px 0 0 0;
}

/*For cards default sizes assume everything is visible--change with js  
  according to number of visible elements */                                   
#back {
  background-color: #ffffbb;
  border: 2px solid black;
  margin: 20px;
  padding: 15px 5px 5px 5px;
  font-size: 3.5em;
  line-height: 1.2em;
  text-align: center;
  width:      500px;
  height:     300px;
  display:    none;
  float:      left;
}

#container {
  line-height: 1.8em;
  padding: 0 10px;
}

#feedback {
  border: 2px solid black;
  margin: 0px 20px;
  width:  490px;
  padding: 10px;
  text-align: center;
  background-color: #ffffbb;
  display:          none;
  clear:            both;
}

#feedback button {
  margin: 0px 20px;
}

/*For cards default sizes assume everything is visible--change with js 
  according to number of visible elements */
#front {
  border: 2px solid black;
  margin: 20px;
  padding: 15px 5px 0px 5px;
  font-size: 3.5em;
  line-height: 1.2em;
  text-align: center;
  width:      500px;
  height:     300px;
  background-color: #ffffbb;
  float:            left;
}

#setup {
  padding: 0 0 10px 10px;
}

#showButton {
    width: 500px;
    margin: 0px 10px;
    text-align: center;
}